<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表格表单</title>
	</head>
	<style>
		.table_form{
			border-collapse: collapse; /**相邻边框合并为一个**/
			border: 1px solid #e6e6e6;
		}
		.table_form td{
			border: 1px solid #e6e6e6;
			height: 40px;
		}
		.table_form td:nth-child(odd) {
			background-color: #eee;
			width: 100px;
			color: #888;
			text-align:center;
		}
		.table_form td:nth-child(even) {
			width: 200px;
			text-align: center;
		}
		
		.box{
			display: flex;
			box-sizing: border-box;
			height: 10px;
		}
		
		input{
			width: 100%;
			height: 10px;
			padding: 2px;
			border: 1px solid #eee;
			color: #888;
			outline: none;
			margin: 10px;
			border: 1px solid #409EFF;
			border-radius: 5px;
			margin: 10px;
		}
		
	</style>
	<body>
		
		<table class="table_form">
			<tbody>
				<tr>
					<td>姓名:</td>
					<td>
						<div class="box">
							<input type="text"/>
						</div>
					</td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
			</tbody>
		</table>
	</body>
</html>